<div class="row connector-chain-control">
    <div class="col-lg-12">
        <div class="panel panel-info">
            <div class="panel-heading">
                <div>COMMAND</div>
            </div>
            <div class="panel-body" style="min-height: 200px;">
                <ul class="list-group">
                   <li class="list-group-item connector-chain-command" command="play">
                        play
                   </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="row connector-connect-user-list" >
    <div class="col-lg-12">
        <div class="panel panel-info">
            <div class="panel-heading">
                <div>连接用户列表</div>
            </div>

            <div class="panel-body" style="min-height: 200px;">
                <% if (!chainUserList || chainUserList.length == 0){ %>
                当前无连接用户!
                <% }else{ %>
                <ul class="list-group">
                    <% _.each(chainUserList, function(item){ %>
                    <li class="list-group-item connector-connect-user-list-item" username="<%= item.username %>"> <%= item.username %> </li>
                    <% }) %>
                </ul>
                <% } %>
            </div>

        </div>
    </div>
</div>

<div class="row connector-connect-parameter">
    <div class="col-lg-12">
        <div class="panel panel-info">
            <div class="panel-heading">
                <div>连接属性</div>
            </div>
            <div class="panel-body">
                <div class="form-group">
                    <label for="exampleInputEmail1">Address</label>
                    <input type="address" class="form-control" id="connector-connect-parameter-address" placeholder="address">
                </div>
                <div class="form-group">
                    <label for="exampleInputEmail1">Gate</label>
                    <input type="gate" class="form-control" id="connector-connect-parameter-gate" placeholder="gate">
                </div>

                <div class="btn-group" role="group" aria-label="">
                    <button type="button" class="btn btn-default connector-connect-control-panel-btn" data="connect">Connect</button>
                    <button type="button" class="btn btn-default connector-connect-control-panel-btn" data="disconnect">Disconnect</button>
                    <button type="button" class="btn btn-default connector-connect-control-panel-btn" data="test">Test</button>
                </div>
            </div>
        </div>
    </div>
</div>